<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <meta name="description" content="页面描述"/>
    <meta name="keywords" content="关键字"/>
    <title>活动展示</title>
    <link type="text/css" rel="stylesheet" href="../../css/common/common.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/common/font-awesome-4.6.3/css/font-awesome.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/model/activeShow.css"/>
</head>
<body>
<!--初始化 start-->
<div id="initialize">
    <div id="status"><i class="fa fa-spinner fa-spin"></i></div>
</div>
<!--初始化 end-->

<!--活动展示 开始-->
<div class="content">
    <div class="avtive-box">
        <div class="img-box">
            <p>球类</p>
            <img src="../../image/avtive_banner01.png"/>
        </div>
        <a href="#">更多&gt;&gt;</a>
        <!-- 活动案列 开始-->
        <div class="case-box">
            <div class="case-item">
                <div class="img-box">
                    <img src="../../image/case02.png"/>
                </div>
                <div class="case-text">
                    <p class="title">迎新杯篮球赛即将举行</p>
                    <span>剩余5个名额</span>
                    <button>报名</button>
                </div>
            </div>
            <div class="case-item">
                <div class="img-box">
                    <img src="../../image/case03.png"/>
                </div>
                 <div class="case-text">
                    <p class="title">新生足球打发</p>
                    <span>剩余5个名额</span>
                    <button>报名</button>
                </div>
            </div>
            <div class="case-item">
                <div class="img-box">
                    <img src="../../image/case04.png"/>
                </div>
                 <div class="case-text">
                    <p class="title">新生排球啊打发</p>
                    <span>剩余5个名额</span>
                    <button>报名</button>
                </div>
            </div>
            <div class="case-item">
                <div class="img-box">
                    <img src="../../image/case01.png"/>
                </div>
                 <div class="case-text">
                    <p class="title">新生羽毛球</p>
                    <span>剩余5个名额</span>
                    <button>报名</button>
                </div>
            </div>
        </div>
        <!-- 活动案列结束 -->

    </div>
    <div class="avtive-box">
        <div class="img-box">
            <p>户外</p>
            <img src="../../image/active_banner02.png"/>
        </div>
        <a href="#">更多&gt;&gt;</a>
        <!-- 活动案列 开始-->
        <div class="case-box">
            <div class="case-item">
                <div class="img-box">
                    <img src="../../image/case05.png"/>
                </div>
                <div class="case-text">
                    <p class="title">色达</p>
                    <span>剩余5个名额</span>
                    <button>报名</button>
                </div>
            </div>
            <div class="case-item">
                <div class="img-box">
                    <img src="../../image/case06.png"/>
                </div>
                 <div class="case-text">
                    <p class="title">稻田亚丁</p>
                    <span>剩余5个名额</span>
                    <button>报名</button>
                </div>
            </div>
            <div class="case-item">
                <div class="img-box">
                    <img src="../../image/case07.png"/>
                </div>
                 <div class="case-text">
                    <p class="title">青海</p>
                    <span>剩余5个名额</span>
                    <button>报名</button>
                </div>
            </div>
            <div class="case-item">
                <div class="img-box">
                    <img src="../../image/case08.png"/>
                </div>
                 <div class="case-text">
                    <p class="title">茶卡盐湖</p>
                    <span>剩余5个名额</span>
                    <button>报名</button>
                </div>
            </div>
        </div>
        <!-- 活动案列结束 -->
        
    </div>
    <div class="avtive-box">
        <div class="img-box">
            <p>电子竞技</p>
            <img src="../../image/active_banner03.png"/>
        </div>
        <a href="#">更多&gt;&gt;</a>
        <!-- 活动案列 开始-->
        <div class="case-box">
            <div class="case-item">
                <div class="img-box">
                    <img src="../../image/case09.png"/>
                </div>
                <div class="case-text">
                    <p class="title">英雄联盟</p>
                    <span>剩余5个名额</span>
                    <button>报名</button>
                </div>
            </div>
            <div class="case-item">
                <div class="img-box">
                    <img src="../../image/case10.png"/>
                </div>
                 <div class="case-text">
                    <p class="title">魔兽世界</p>
                    <span>剩余5个名额</span>
                    <button>报名</button>
                </div>
            </div>
            <div class="case-item">
                <div class="img-box">
                    <img src="../../image/case11.png"/>
                </div>
                 <div class="case-text">
                    <p class="title">剑灵</p>
                    <span>剩余5个名额</span>
                    <button>报名</button>
                </div>
            </div>
            <div class="case-item">
                <div class="img-box">
                    <img src="../../image/case02.png"/>
                </div>
                 <div class="case-text">
                    <p class="title">炉石传说</p>
                    <span>剩余5个名额</span>
                    <button>报名</button>
                </div>
            </div>
        </div>
        <!-- 活动案列结束 -->
        
    </div>
</div>
<!--活动展示 结束-->

<script type="text/javascript" src="../../js/common/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="../../js/public.js"></script>
<script type="text/javascript">
$('button').click(function(){
	window.location.href = 'leader.html';
});
</script>
</body>
</html>